<!DOCTYPE html>
<html lang="es">
<head>
<?php include_once('../include/head.php'); ?>
<meta name="description" content="Facultad de Derecho de la Universidad de Buenos Aires">
<title>Prototipo Home Derecho UBA</title>
</head>

<body class="cbp-spmenu-push">
    <div class="container">
    
            <nav id="menu-offcanvas" class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left">
                <h3>Componentes<a class="glyphicon glyphicon-remove" id="hideLeftPush"></a></h3>
                <?php include('tpl/nav.tpl'); ?>
            </nav>
            
            <?php include_once ('../include/menu-top.php'); ?>
            <?php include_once ('../include/header.php'); ?>
            <nav class="MenuSector">
                <div class="pull-left sector">
                    <a class="location" href="components">Componentes</a>
                </div>
                <ol class="breadcrumb pull-right hidden-xs">
                    <li><a href="">Home</a></li>
                    <li class="active">Componentes</li>
                </ol>
                <div class="clearfix"></div>
            </nav>

            <section class="row">
            	<div class="col-lg-3 col-md-3 col-sm-4 menu_izq hidden-xs">
                    <p>Componentes</p>
                    <nav>
                        <?php include('tpl/nav.tpl'); ?>
                    </nav>
                </div>
                <div class="contenido_pagina-col2 col-lg-9 col-md-9 col-sm-8">
                    <h1>Botones</h1>
                    <h4>Botones xs</h4>
                    <p>
                    	<strong>Estado normal: </strong>
                    	<a href="#" class="btn btn-default btn-xs">Default</a>
                        <a href="#" class="btn celeste btn-xs">Celeste</a>
                        <a href="#" class="btn azul btn-xs">Azul</a>
                        <a href="#" class="btn verde btn-xs">Verde</a>
                        <a href="#" class="btn naranja btn-xs">Naranja</a>
                        <a href="#" class="btn rojo btn-xs">Rojo</a>
                    </p>
                    <p>
                    	<strong>Estado activo:</strong> &nbsp;
                    	<a href="#" class="btn btn-default btn-xs active">Default</a>
                        <a href="#" class="btn celeste btn-xs active">Celeste</a>
                        <a href="#" class="btn azul btn-xs active">Azul</a>
                        <a href="#" class="btn verde btn-xs active">Verde</a>
                        <a href="#" class="btn naranja btn-xs active">Naranja</a>
                        <a href="#" class="btn rojo btn-xs active">Rojo</a>
                    </p>
                    <p>
                    	<strong>Estado inactivo: </strong>
                    	<a href="#" class="btn btn-default btn-xs disabled">Default</a>
                        <a href="#" class="btn celeste btn-xs disabled">Celeste</a>
                        <a href="#" class="btn azul btn-xs disabled">Azul</a>
                        <a href="#" class="btn verde btn-xs disabled">Verde</a>
                        <a href="#" class="btn naranja btn-xs disabled">Naranja</a>
                        <a href="#" class="btn rojo btn-xs disabled">Rojo</a>
                    </p>
                    <hr>
                    <h4>Botones sm</h4>
                    <p>
                    	<strong>Estado normal: </strong>
                    	<a href="#" class="btn btn-default btn-sm">Default</a>
                        <a href="#" class="btn celeste btn-sm">Celeste</a>
                        <a href="#" class="btn azul btn-sm">Azul</a>
                        <a href="#" class="btn verde btn-sm">Verde</a>
                        <a href="#" class="btn naranja btn-sm">Naranja</a>
                        <a href="#" class="btn rojo btn-sm">Rojo</a>
                    </p>
                    <p>
                    	<strong>Estado activo:</strong> &nbsp;
                    	<a href="#" class="btn btn-default btn-sm active">Default</a>
                        <a href="#" class="btn celeste btn-sm active">Celeste</a>
                        <a href="#" class="btn azul btn-sm active">Azul</a>
                        <a href="#" class="btn verde btn-sm active">Verde</a>
                        <a href="#" class="btn naranja btn-sm active">Naranja</a>
                        <a href="#" class="btn rojo btn-sm active">Rojo</a>
                    </p>
                    <p>
                    	<strong>Estado inactivo: </strong>
                    	<a href="#" class="btn btn-default btn-sm disabled">Default</a>
                        <a href="#" class="btn celeste btn-sm disabled">Celeste</a>
                        <a href="#" class="btn azul btn-sm disabled">Azul</a>
                        <a href="#" class="btn verde btn-sm disabled">Verde</a>
                        <a href="#" class="btn naranja btn-sm disabled">Naranja</a>
                        <a href="#" class="btn rojo btn-sm disabled">Rojo</a>
                    </p>
                    <hr>
                    <h4><strong>Botones md</strong></h4>
                    <p>
                    	<strong>Estado normal:</strong> 
                    	<a href="#" class="btn btn-default">Default</a>
                        <a href="#" class="btn celeste">Celeste</a>
                        <a href="#" class="btn azul">Azul</a>
                        <a href="#" class="btn verde">Verde</a>
                        <a href="#" class="btn naranja">Naranja</a>
                        <a href="#" class="btn rojo">Rojo</a>
                    </p>
                    <p>
                    	<strong>Estado activo:</strong> &nbsp;
                    	<a href="#" class="btn btn-default active">Default</a>
                        <a href="#" class="btn celeste active">Celeste</a>
                        <a href="#" class="btn azul active">Azul</a>
                        <a href="#" class="btn verde active">Verde</a>
                        <a href="#" class="btn naranja active">Naranja</a>
                        <a href="#" class="btn rojo active">Rojo</a>
                    </p>
                    <p>
                    	<strong>Estado inactivo:</strong> 
                    	<a href="#" class="btn btn-default disabled">Default</a>
                        <a href="#" class="btn celeste disabled">Celeste</a>
                        <a href="#" class="btn azul disabled">Azul</a>
                        <a href="#" class="btn verde disabled">Verde</a>
                        <a href="#" class="btn naranja disabled">Naranja</a>
                        <a href="#" class="btn rojo disabled">Rojo</a>
                    </p>
                    <hr>
                    <h4>Botones lg</h4>
                    <p>
                    	<strong>Estado normal:</strong> 
                    	<a href="#" class="btn btn-default btn-lg">Default</a>
                        <a href="#" class="btn celeste btn-lg">Celeste	</a>
                        <a href="#" class="btn azul btn-lg">Azul</a>
                        <a href="#" class="btn verde btn-lg">Verde</a>
                        <a href="#" class="btn naranja btn-lg">Naranja</a>
                        <a href="#" class="btn rojo btn-lg">Rojo</a>
                    </p>
                    <p>
                    	<strong>Estado activo:</strong> &nbsp;
                    	<a href="#" class="btn btn-default btn-lg active">Default</a>
                        <a href="#" class="btn celeste btn-lg active">Celeste	</a>
                        <a href="#" class="btn azul btn-lg active">Azul</a>
                        <a href="#" class="btn verde btn-lg active">Verde</a>
                        <a href="#" class="btn naranja btn-lg active">Naranja</a>
                        <a href="#" class="btn rojo btn-lg active">Rojo</a>
                    </p>
                    <p>
                    	<strong>Estado inactivo:</strong> 
                    	<a href="#" class="btn btn-default btn-lg disabled">Default</a>
                        <a href="#" class="btn celeste btn-lg disabled">Celeste	</a>
                        <a href="#" class="btn azul btn-lg disabled">Azul</a>
                        <a href="#" class="btn verde btn-lg disabled">Verde</a>
                        <a href="#" class="btn naranja btn-lg disabled">Naranja</a>
                        <a href="#" class="btn rojo btn-lg disabled">Rojo</a>
                    </p>
                    <hr>
                    <h4>Botones bloque (ocupan el 100% de su contenedor)</h4>
                    <p>
                    	<strong>Estado normal:</strong> 
                    	<a href="#" class="btn btn-default btn-block">Default</a>
                        <a href="#" class="btn celeste btn-block">Celeste	</a>
                        <a href="#" class="btn azul btn-block">Azul</a>
                        <a href="#" class="btn verde btn-block">Verde</a>
                        <a href="#" class="btn naranja btn-block">Naranja</a>
                        <a href="#" class="btn rojo btn-block">Rojo</a>
                    </p>
                    <p>
                    	<strong>Estado activo:</strong> &nbsp;
                    	<a href="#" class="btn btn-default btn-block active">Default</a>
                        <a href="#" class="btn celeste btn-block active">Celeste	</a>
                        <a href="#" class="btn azul btn-block active">Azul</a>
                        <a href="#" class="btn verde btn-block active">Verde</a>
                        <a href="#" class="btn naranja btn-block active">Naranja</a>
                        <a href="#" class="btn rojo btn-block active">Rojo</a>
                    </p>
                    <p>
                    	<strong>Estado inactivo:</strong> 
                    	<a href="#" class="btn btn-default btn-block disabled">Default</a>
                        <a href="#" class="btn celeste btn-block disabled">Celeste	</a>
                        <a href="#" class="btn azul btn-block disabled">Azul</a>
                        <a href="#" class="btn verde btn-block disabled">Verde</a>
                        <a href="#" class="btn naranja btn-block disabled">Naranja</a>
                        <a href="#" class="btn rojo btn-block disabled">Rojo</a>
                    </p>
                    
                </div>
            </section>
        </div>
        <?php include_once('../../2014/include/footer.php'); ?>
</body>
</html>